h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: inherit;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: 0;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small,
	.h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
	font-weight: normal;
	line-height: 1;
	color: #999999;
}
/* -----------------------------------------
   Template helpers
----------------------------------------- */
/* ------------------ Sizes --------------------*/
.s12 {
	font-size: 12px !important;
}

.s16 {
	font-size: 16px !important;
}

.s20 {
	font-size: 20px !important;
}

.s24 {
	font-size: 24px !important;
}

.s32 {
	font-size: 32px !important;
}

.s64 {
	font-size: 64px !important;
}

.vat {
	vertical-align: top !important;
}

.vam {
	vertical-align: middle !important;
}

.vab {
	vertical-align: bottom !important;
}
/* ------------------ Margins --------------------*/
.row.no-padding {
	margin-left: 0;
	margin-right: 0;
}

.row.no-padding [class^="col-"] {
	padding: 0;
}

.m0 {
	margin: 0 !important;
}

.m5 {
	margin: 5px !important;
}

.m10 {
	margin: 10px !important;
}

.m15 {
	margin: 15px !important;
}

.m20 {
	margin: 20px !important;
}

.m25 {
	margin: 25px !important;
}

.mt0 {
	margin-top: 0 !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mr0 {
	margin-right: 0 !important;
}

.mr5 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr25 {
	margin-right: 25px !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.ml0 {
	margin-left: 0 !important;
}

.ml5 {
	margin-left: 5px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml25 {
	margin-left: 25px !important;
}
/* ------------------ Paddings --------------------*/
.p0 {
	padding: 0 !important;
}

.p5 {
	padding: 5px !important;
}

.p10 {
	padding: 10px !important;
}

.p15 {
	padding: 15px !important;
}

.p20 {
	padding: 20px !important;
}

.p25 {
	padding: 25px !important;
}

.pt0 {
	padding-top: 0 !important;
}

.pt5 {
	padding-top: 5px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt25 {
	padding-top: 25px !important;
}

.pr0 {
	padding-right: 0 !important;
}

.pr5 {
	padding-right: 5px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.pr15 {
	padding-right: 15px !important;
}

.pr20 {
	padding-right: 20px !important;
}

.pr25 {
	padding-right: 25px !important;
}

.pb0 {
	padding-bottom: 0 !important;
}

.pb5 {
	padding-bottom: 5px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb25 {
	padding-bottom: 25px !important;
}

.pl0 {
	padding-left: 0 !important;
}

.pl5 {
	padding-left: 5px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pl15 {
	padding-left: 15px !important;
}

.pl20 {
	padding-left: 20px !important;
}

.pl25 {
	padding-left: 25px !important;
}
/* ------------------ Percent widths --------------------*/
.per5 {
	width: 5% !important;
}

.per10 {
	width: 10% !important;
}

.per15 {
	width: 15% !important;
}

.per20 {
	width: 20% !important;
}

.per25 {
	width: 25% !important;
}

.per30 {
	width: 30% !important;
}

.per35 {
	width: 35% !important;
}

.per40 {
	width: 40% !important;
}

.per45 {
	width: 45% !important;
}

.per50 {
	width: 50% !important;
}

.per55 {
	width: 55% !important;
}

.per60 {
	width: 60% !important;
}

.per65 {
	width: 65% !important;
}

.per70 {
	width: 70% !important;
}

.per75 {
	width: 75% !important;
}

.per80 {
	width: 80% !important;
}

.per85 {
	width: 85% !important;
}

.per90 {
	width: 90% !important;
}

.per95 {
	width: 95% !important;
}

.per100 {
	width: 100% !important;
}
/* ------------------ Borders --------------------*/
.b {
	border: 1px solid #e7e7e2;
}

.bt {
	border-top: 1px solid #e7e7e2;
}

.br {
	border-right: 1px solid #e7e7e2;
}

.bb {
	border-bottom: 1px solid #e7e7e2;
}

.bl {
	border-left: 1px solid #e7e7e2;
}

.btlr {
	border-top-left-radius: 4px;
}

.btrr {
	border-top-right-radius: 4px;
}

.bblr {
	border-bottom-left-radius: 4px;
}

.bbrr {
	border-bottom-right-radius: 4px;
}

.brall {
	border-radius: 4px;
}

.bn {
	border: none !important;
}
/* ------------------ Colors --------------------*/
.color-red {
	color: #f68484 !important;
}

.color-blue {
	color: #75b9e6 !important;
}

.color-green {
	color: #71d398 !important;
}

.color-yellow {
	color: #ffcc66 !important;
}

.color-orange {
	color: #f4b162 !important;
}

.color-white {
	color: #ffffff !important;
}

.color-teal {
	color: #97d3c5 !important;
}

.color-dark {
	color: #79859b !important;
}

.color-pink {
	color: #f78db8 !important;
}

.color-lime {
	color: #a8db43 !important;
}

.color-magenta {
	color: #e65097 !important;
}

.color-purple {
	color: #af91e1 !important;
}

.color-brown {
	color: #d1b993 !important;
}

.color-gray {
	color: #555555 !important;
}

.color-grayspr {
	color: #f3f5f6 !important;
}
/* ------------------ Backgrounds --------------------*/
.white-bg {
	color: #768399;
	background-color: #ffffff;
}

.red-bg {
	color: #ffffff;
	background-color: #f68484;
}

.blue-bg {
	color: #ffffff;
	background-color: #75b9e6;
}

.green-bg {
	color: #ffffff;
	background-color: #71d398;
}

.yellow-bg {
	color: #ffffff;
	background-color: #ffcc66;
}

.orange-bg {
	color: #ffffff;
	background-color: #f4b162;
}

.purple-bg {
	color: #ffffff;
	background-color: #af91e1;
}

.pink-bg {
	color: #ffffff;
	background-color: #f78db8;
}

.lime-bg {
	color: #ffffff;
	background-color: #a8db43;
}

.magenta-bg {
	color: #ffffff;
	background-color: #e65097;
}

.teal-bg {
	color: #ffffff;
	background-color: #97d3c5;
}

.brown-bg {
	color: #ffffff;
	background-color: #d1b993;
}

.gray-bg {
	color: #768399;
	background-color: #e4e9eb;
}

.dark-bg {
	color: #ffffff;
	background-color: #79859b;
}
/* ------------------ Opacity --------------------*/
.opacity {
	opacity: 1 !important;
}

.opacity0 {
	opacity: 0 !important;
}
/* ------------------ Typo --------------------*/
.strong {
	font-weight: bold;
}

.uppercase {
	text-transform: uppercase;
}

.normal {
	font-weight: normal;
}
/* ------------------ Contextual colors --------------------*/
.text-muted {
	color: #999999;
}

.text-primary {
	color: #75b9e6;
}

a.text-primary:hover {
	color: #4aa3de;
}

.text-success {
	color: #71d398;
}

a.text-success:hover {
	color: #4ac77c;
}

.text-info {
	color: #97d3c5;
}

a.text-info:hover {
	color: #73c4b1;
}

.text-warning {
	color: #f4b162;
}

a.text-warning:hover {
	color: #f19932;
}

.text-danger {
	color: #f68484;
}

a.text-danger:hover {
	color: #f35454;
}

.text-yellow {
	color: #ffcc66;
}

a.text-yellow:hover {
	color: #ffbb33;
}

.text-orange {
	color: #f4b162;
}

a.text-orange:hover {
	color: #f19932;
}

.text-dark {
	color: #79859b;
}

a.text-dark:hover {
	color: #606c81;
}

.text-brown {
	color: #d1b993;
}

a.text-brown:hover {
	color: #c2a26f;
}

.text-pink {
	color: #f78db8;
}

a.text-pink:hover {
	color: #f45d9a;
}

.text-magenta {
	color: #e65097;
}

a.text-magenta:hover {
	color: #e0237c;
}

.text-lime {
	color: #a8db43;
}

a.text-lime:hover {
	color: #90c526;
}
/* ------------------ Positions --------------------*/
.relative {
	position: relative;
}

.absolute {
	position: absolute;
}
/* -----------------------------------------
  Animate.css less file
----------------------------------------- */
body {
	-webkit-backface-visibility: hidden;
}

.animated {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

@
-webkit-keyframes flash { 0%, 50%, 100% {
	opacity: 1;
}

25%,
75%
{
opacity
:
 
0;
}
}
@
keyframes flash { 0%, 50%, 100% {
	opacity: 1;
}

25%,
75%
{
opacity
:
 
0;
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}

@
-webkit-keyframes shake { 0%, 100% {
	-webkit-transform: translateX(0);
}

10%,
30%,
50%,
70%,
90%
{
-webkit-transform
:
 
translateX
(-10px);

  
}
20%,
40%,
60%,
80%
{
-webkit-transform
:
 
translateX
(10px);

  
}
}
@
keyframes shake { 0%, 100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

10%,
30%,
50%,
70%,
90%
{
-webkit-transform
:
 
translateX
(-10px);

    
transform
:
 
translateX
(-10px);

  
}
20%,
40%,
60%,
80%
{
-webkit-transform
:
 
translateX
(10px);

    
transform
:
 
translateX
(10px);

  
}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}

@
-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {
	-webkit-transform: translateY(0);
}

40%
{
-webkit-transform
:
 
translateY
(-30px);

  
}
60%
{
-webkit-transform
:
 
translateY
(-15px);

  
}
}
@
keyframes bounce { 0%, 20%, 50%, 80%, 100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

40%
{
-webkit-transform
:
 
translateY
(-30px);

    
transform
:
 
translateY
(-30px);

  
}
60%
{
-webkit-transform
:
 
translateY
(-15px);

    
transform
:
 
translateY
(-15px);

  
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
}

@
-webkit-keyframes tada { 0% {
	-webkit-transform: scale(1);
}

10%,
20%
{
-webkit-transform
:
 
scale
(0
.9
)
 
rotate
(-3deg);

  
}
30%,
50%,
70%,
90%
{
-webkit-transform
:
 
scale
(1
.1
)
 
rotate
(3deg);

  
}
40%,
60%,
80%
{
-webkit-transform
:
 
scale
(1
.1
)
 
rotate
(-3deg);

  
}
100%
{
-webkit-transform
:
 
scale
(1)
 
rotate
(0);

  
}
}
@
keyframes tada { 0% {
	-webkit-transform: scale(1);
	transform: scale(1);
}

10%,
20%
{
-webkit-transform
:
 
scale
(0
.9
)
 
rotate
(-3deg);

    
transform
:
 
scale
(0
.9
)
 
rotate
(-3deg);

  
}
30%,
50%,
70%,
90%
{
-webkit-transform
:
 
scale
(1
.1
)
 
rotate
(3deg);

    
transform
:
 
scale
(1
.1
)
 
rotate
(3deg);

  
}
40%,
60%,
80%
{
-webkit-transform
:
 
scale
(1
.1
)
 
rotate
(-3deg);

    
transform
:
 
scale
(1
.1
)
 
rotate
(-3deg);

  
}
100%
{
-webkit-transform
:
 
scale
(1)
 
rotate
(0);

    
transform
:
 
scale
(1)
 
rotate
(0);

  
}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

@
-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% {
	-webkit-transform-origin: top center;
}

20%
{
-webkit-transform
:
 
rotate
(15deg);

  
}
40%
{
-webkit-transform
:
 
rotate
(-10deg);

  
}
60%
{
-webkit-transform
:
 
rotate
(5deg);

  
}
80%
{
-webkit-transform
:
 
rotate
(-5deg);

  
}
100%
{
-webkit-transform
:
 
rotate
(0deg);

  
}
}
@
keyframes swing { 20% {
	-webkit-transform: rotate(15deg);
	transform: rotate(15deg);
}

40%
{
-webkit-transform
:
 
rotate
(-10deg);

    
transform
:
 
rotate
(-10deg);

  
}
60%
{
-webkit-transform
:
 
rotate
(5deg);

    
transform
:
 
rotate
(5deg);

  
}
80%
{
-webkit-transform
:
 
rotate
(-5deg);

    
transform
:
 
rotate
(-5deg);

  
}
100%
{
-webkit-transform
:
 
rotate
(0deg);

    
transform
:
 
rotate
(0deg);

  
}
}
.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@
-webkit-keyframes wobble { 0% {
	-webkit-transform: translateX(0%);
}

15%
{
-webkit-transform
:
 
translateX
(-25%)
 
rotate
(-5deg);

  
}
30%
{
-webkit-transform
:
 
translateX
(20%)
 
rotate
(3deg);

  
}
45%
{
-webkit-transform
:
 
translateX
(-15%)
 
rotate
(-3deg);

  
}
60%
{
-webkit-transform
:
 
translateX
(10%)
 
rotate
(2deg);

  
}
75%
{
-webkit-transform
:
 
translateX
(-5%)
 
rotate
(-1deg);

  
}
100%
{
-webkit-transform
:
 
translateX
(0%);

  
}
}
@
keyframes wobble { 0% {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}

15%
{
-webkit-transform
:
 
translateX
(-25%)
 
rotate
(-5deg);

    
transform
:
 
translateX
(-25%)
 
rotate
(-5deg);

  
}
30%
{
-webkit-transform
:
 
translateX
(20%)
 
rotate
(3deg);

    
transform
:
 
translateX
(20%)
 
rotate
(3deg);

  
}
45%
{
-webkit-transform
:
 
translateX
(-15%)
 
rotate
(-3deg);

    
transform
:
 
translateX
(-15%)
 
rotate
(-3deg);

  
}
60%
{
-webkit-transform
:
 
translateX
(10%)
 
rotate
(2deg);

    
transform
:
 
translateX
(10%)
 
rotate
(2deg);

  
}
75%
{
-webkit-transform
:
 
translateX
(-5%)
 
rotate
(-1deg);

    
transform
:
 
translateX
(-5%)
 
rotate
(-1deg);

  
}
100%
{
-webkit-transform
:
 
translateX
(0%);

    
transform
:
 
translateX
(0%);

  
}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@
-webkit-keyframes pulse { 0% {
	-webkit-transform: scale(1);
}

50%
{
-webkit-transform
:
 
scale
(1
.1
);

  
}
100%
{
-webkit-transform
:
 
scale
(1);

  
}
}
@
keyframes pulse { 0% {
	-webkit-transform: scale(1);
	transform: scale(1);
}

50%
{
-webkit-transform
:
 
scale
(1
.1
);

    
transform
:
 
scale
(1
.1
);

  
}
100%
{
-webkit-transform
:
 
scale
(1);

    
transform
:
 
scale
(1);

  
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}

@
-webkit-keyframes flip { 0% {
	-webkit-transform: perspective(400px) rotateY(0);
	-webkit-animation-timing-function: ease-out;
}

40%
{
-webkit-transform
:
 
perspective
(400px)
 
translateZ
(150px)
 
rotateY
(170deg);

    
-webkit-animation-timing-function
:
 
ease-out
;

  
}
50%
{
-webkit-transform
:
 
perspective
(400px)
 
translateZ
(150px)
 
rotateY
(190deg)
 
scale
(1);

    
-webkit-animation-timing-function
:
 
ease-in
;

  
}
80%
{
-webkit-transform
:
 
perspective
(400px)
 
rotateY
(360deg)
 
scale
(0
.95
);

    
-webkit-animation-timing-function
:
 
ease-in
;

  
}
100%
{
-webkit-transform
:
 
perspective
(400px)
 
scale
(1);

    
-webkit-animation-timing-function
:
 
ease-in
;

  
}
}
@
keyframes flip { 0% {
	-webkit-transform: perspective(400px) rotateY(0);
	transform: perspective(400px) rotateY(0);
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

40%
{
-webkit-transform
:
 
perspective
(400px)
 
translateZ
(150px)
 
rotateY
(170deg);

    
transform
:
 
perspective
(400px)
 
translateZ
(150px)
 
rotateY
(170deg);

    
-webkit-animation-timing-function
:
 
ease-out
;

    
animation-timing-function
:
 
ease-out
;

  
}
50%
{
-webkit-transform
:
 
perspective
(400px)
 
translateZ
(150px)
 
rotateY
(190deg)
 
scale
(1);

    
transform
:
 
perspective
(400px)
 
translateZ
(150px)
 
rotateY
(190deg)
 
scale
(1);

    
-webkit-animation-timing-function
:
 
ease-in
;

    
animation-timing-function
:
 
ease-in
;

  
}
80%
{
-webkit-transform
:
 
perspective
(400px)
 
rotateY
(360deg)
 
scale
(0
.95
);

    
transform
:
 
perspective
(400px)
 
rotateY
(360deg)
 
scale
(0
.95
);

    
-webkit-animation-timing-function
:
 
ease-in
;

    
animation-timing-function
:
 
ease-in
;

  
}
100%
{
-webkit-transform
:
 
perspective
(400px)
 
scale
(1);

    
transform
:
 
perspective
(400px)
 
scale
(1);

    
-webkit-animation-timing-function
:
 
ease-in
;

    
animation-timing-function
:
 
ease-in
;

  
}
}
.flip {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flip;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flip;
	-o-backface-visibility: visible !important;
	-o-animation-name: flip;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flip;
	animation-name: flip;
}

@
-webkit-keyframes flipInX { 0% {
	-webkit-transform: perspective(400px) rotateX(90deg);
	opacity: 0;
}

40%
{
-webkit-transform
:
 
perspective
(400px)
 
rotateX
(-10deg);

  
}
70%
{
-webkit-transform
:
 
perspective
(400px)
 
rotateX
(10deg);

  
}
100%
{
-webkit-transform
:
 
perspective
(400px)
 
rotateX
(0deg);

    
opacity
:
 
1;
}
}
@
keyframes flipInX { 0% {
	-webkit-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	opacity: 0;
}

40%
{
-webkit-transform
:
 
perspective
(400px)
 
rotateX
(-10deg);

    
transform
:
 
perspective
(400px)
 
rotateX
(-10deg);

  
}
70%
{
-webkit-transform
:
 
perspective
(400px)
 
rotateX
(10deg);

    
transform
:
 
perspective
(400px)
 
rotateX
(10deg);

  
}
100%
{
-webkit-transform
:
 
perspective
(400px)
 
rotateX
(0deg);

    
transform
:
 
perspective
(400px)
 
rotateX
(0deg);

    
opacity
:
 
1;
}
}
.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}

@
-webkit-keyframes flipOutX { 0% {
	-webkit-transform: perspective(400px) rotateX(0deg);
	opacity: 1;
}

100%
{
-webkit-transform
:
 
perspective
(400px)
 
rotateX
(90deg);

    
opacity
:
 
0;
}
}
@
keyframes flipOutX { 0% {
	-webkit-transform: perspective(400px) rotateX(0deg);
	transform: perspective(400px) rotateX(0deg);
	opacity: 1;
}

100%
{
-webkit-transform
:
 
perspective
(400px)
 
rotateX
(90deg);

    
transform
:
 
perspective
(400px)
 
rotateX
(90deg);

    
opacity
:
 
0;
}
}
.flipOutX {
	-webkit-animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-moz-animation-name: flipOutX;
	-moz-backface-visibility: visible !important;
	-o-animation-name: flipOutX;
	-o-backface-visibility: visible !important;
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
}

@
-webkit-keyframes flipInY { 0% {
	-webkit-transform: perspective(400px) rotateY(90deg);
	opacity: 0;
}

40%
{
-webkit-transform
:
 
perspective
(400px)
 
rotateY
(-10deg);

  
}
70%
{
-webkit-transform
:
 
perspective
(400px)
 
rotateY
(10deg);

  
}
100%
{
-webkit-transform
:
 
perspective
(400px)
 
rotateY
(0deg);

    
opacity
:
 
1;
}
}
@
keyframes flipInY { 0% {
	-webkit-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	opacity: 0;
}

40%
{
-webkit-transform
:
 
perspective
(400px)
 
rotateY
(-10deg);

    
transform
:
 
perspective
(400px)
 
rotateY
(-10deg);

  
}
70%
{
-webkit-transform
:
 
perspective
(400px)
 
rotateY
(10deg);

    
transform
:
 
perspective
(400px)
 
rotateY
(10deg);

  
}
100%
{
-webkit-transform
:
 
perspective
(400px)
 
rotateY
(0deg);

    
transform
:
 
perspective
(400px)
 
rotateY
(0deg);

    
opacity
:
 
1;
}
}
.flipInY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInY;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}

@
-webkit-keyframes flipOutY { 0% {
	-webkit-transform: perspective(400px) rotateY(0deg);
	opacity: 1;
}

100%
{
-webkit-transform
:
 
perspective
(400px)
 
rotateY
(90deg);

    
opacity
:
 
0;
}
}
@
keyframes flipOutY { 0% {
	-webkit-transform: perspective(400px) rotateY(0deg);
	transform: perspective(400px) rotateY(0deg);
	opacity: 1;
}

100%
{
-webkit-transform
:
 
perspective
(400px)
 
rotateY
(90deg);

    
transform
:
 
perspective
(400px)
 
rotateY
(90deg);

    
opacity
:
 
0;
}
}
.flipOutY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipOutY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipOutY;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
}

@
-webkit-keyframes fadeIn { 0% {
	opacity: 0;
}

100%
{
opacity
:
 
1;
}
}
@
keyframes fadeIn { 0% {
	opacity: 0;
}

100%
{
opacity
:
 
1;
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@
-webkit-keyframes fadeInUp { 0% {
	opacity: 0;
	-webkit-transform: translateY(20px);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateY
(0);

  
}
}
@
keyframes fadeInUp { 0% {
	opacity: 0;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateY
(0);

    
transform
:
 
translateY
(0);

  
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@
-webkit-keyframes fadeInDown { 0% {
	opacity: 0;
	-webkit-transform: translateY(-20px);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateY
(0);

  
}
}
@
keyframes fadeInDown { 0% {
	opacity: 0;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateY
(0);

    
transform
:
 
translateY
(0);

  
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@
-webkit-keyframes fadeInLeft { 0% {
	opacity: 0;
	-webkit-transform: translateX(-20px);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateX
(0);

  
}
}
@
keyframes fadeInLeft { 0% {
	opacity: 0;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateX
(0);

    
transform
:
 
translateX
(0);

  
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

@
-webkit-keyframes fadeInRight { 0% {
	opacity: 0;
	-webkit-transform: translateX(20px);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateX
(0);

  
}
}
@
keyframes fadeInRight { 0% {
	opacity: 0;
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateX
(0);

    
transform
:
 
translateX
(0);

  
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

@
-webkit-keyframes fadeInUpBig { 0% {
	opacity: 0;
	-webkit-transform: translateY(2000px);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateY
(0);

  
}
}
@
keyframes fadeInUpBig { 0% {
	opacity: 0;
	-webkit-transform: translateY(2000px);
	transform: translateY(2000px);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateY
(0);

    
transform
:
 
translateY
(0);

  
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}

@
-webkit-keyframes fadeInDownBig { 0% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateY
(0);

  
}
}
@
keyframes fadeInDownBig { 0% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	transform: translateY(-2000px);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateY
(0);

    
transform
:
 
translateY
(0);

  
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}

@
-webkit-keyframes fadeInLeftBig { 0% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateX
(0);

  
}
}
@
keyframes fadeInLeftBig { 0% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	transform: translateX(-2000px);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateX
(0);

    
transform
:
 
translateX
(0);

  
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}

@
-webkit-keyframes fadeInRightBig { 0% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateX
(0);

  
}
}
@
keyframes fadeInRightBig { 0% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	transform: translateX(2000px);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateX
(0);

    
transform
:
 
translateX
(0);

  
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}

@
-webkit-keyframes fadeOut { 0% {
	opacity: 1;
}

100%
{
opacity
:
 
0;
}
}
@
keyframes fadeOut { 0% {
	opacity: 1;
}

100%
{
opacity
:
 
0;
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@
-webkit-keyframes fadeOutUp { 0% {
	opacity: 1;
	-webkit-transform: translateY(0);
}

100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateY
(-20px);

  
}
}
@
keyframes fadeOutUp { 0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateY
(-20px);

    
transform
:
 
translateY
(-20px);

  
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}

@
-webkit-keyframes fadeOutDown { 0% {
	opacity: 1;
	-webkit-transform: translateY(0);
}

100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateY
(20px);

  
}
}
@
keyframes fadeOutDown { 0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateY
(20px);

    
transform
:
 
translateY
(20px);

  
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}

@
-webkit-keyframes fadeOutLeft { 0% {
	opacity: 1;
	-webkit-transform: translateX(0);
}

100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateX
(-20px);

  
}
}
@
keyframes fadeOutLeft { 0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateX
(-20px);

    
transform
:
 
translateX
(-20px);

  
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}

@
-webkit-keyframes fadeOutRight { 0% {
	opacity: 1;
	-webkit-transform: translateX(0);
}

100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateX
(20px);

  
}
}
@
keyframes fadeOutRight { 0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateX
(20px);

    
transform
:
 
translateX
(20px);

  
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}

@
-webkit-keyframes fadeOutUpBig { 0% {
	opacity: 1;
	-webkit-transform: translateY(0);
}

100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateY
(-2000px);

  
}
}
@
keyframes fadeOutUpBig { 0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateY
(-2000px);

    
transform
:
 
translateY
(-2000px);

  
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}

@
-webkit-keyframes fadeOutDownBig { 0% {
	opacity: 1;
	-webkit-transform: translateY(0);
}

100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateY
(2000px);

  
}
}
@
keyframes fadeOutDownBig { 0% {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateY
(2000px);

    
transform
:
 
translateY
(2000px);

  
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}

@
-webkit-keyframes fadeOutLeftBig { 0% {
	opacity: 1;
	-webkit-transform: translateX(0);
}

100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateX
(-2000px);

  
}
}
@
keyframes fadeOutLeftBig { 0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateX
(-2000px);

    
transform
:
 
translateX
(-2000px);

  
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}

@
-webkit-keyframes fadeOutRightBig { 0% {
	opacity: 1;
	-webkit-transform: translateX(0);
}

100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateX
(2000px);

  
}
}
@
keyframes fadeOutRightBig { 0% {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateX
(2000px);

    
transform
:
 
translateX
(2000px);

  
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}

@
-webkit-keyframes bounceIn { 0% {
	opacity: 0;
	-webkit-transform: scale(0.3);
}

50%
{
opacity
:
 
1;
-webkit-transform
:
 
scale
(1
.05
);

  
}
70%
{
-webkit-transform
:
 
scale
(0
.9
);

  
}
100%
{
-webkit-transform
:
 
scale
(1);

  
}
}
@
keyframes bounceIn { 0% {
	opacity: 0;
	-webkit-transform: scale(0.3);
	transform: scale(0.3);
}

50%
{
opacity
:
 
1;
-webkit-transform
:
 
scale
(1
.05
);

    
transform
:
 
scale
(1
.05
);

  
}
70%
{
-webkit-transform
:
 
scale
(0
.9
);

    
transform
:
 
scale
(0
.9
);

  
}
100%
{
-webkit-transform
:
 
scale
(1);

    
transform
:
 
scale
(1);

  
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}

@
-webkit-keyframes bounceInUp { 0% {
	opacity: 0;
	-webkit-transform: translateY(2000px);
}

60%
{
opacity
:
 
1;
-webkit-transform
:
 
translateY
(-30px);

  
}
80%
{
-webkit-transform
:
 
translateY
(10px);

  
}
100%
{
-webkit-transform
:
 
translateY
(0);

  
}
}
@
keyframes bounceInUp { 0% {
	opacity: 0;
	-webkit-transform: translateY(2000px);
	transform: translateY(2000px);
}

60%
{
opacity
:
 
1;
-webkit-transform
:
 
translateY
(-30px);

    
transform
:
 
translateY
(-30px);

  
}
80%
{
-webkit-transform
:
 
translateY
(10px);

    
transform
:
 
translateY
(10px);

  
}
100%
{
-webkit-transform
:
 
translateY
(0);

    
transform
:
 
translateY
(0);

  
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}

@
-webkit-keyframes bounceInDown { 0% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
}

60%
{
opacity
:
 
1;
-webkit-transform
:
 
translateY
(30px);

  
}
80%
{
-webkit-transform
:
 
translateY
(-10px);

  
}
100%
{
-webkit-transform
:
 
translateY
(0);

  
}
}
@
keyframes bounceInDown { 0% {
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	transform: translateY(-2000px);
}

60%
{
opacity
:
 
1;
-webkit-transform
:
 
translateY
(30px);

    
transform
:
 
translateY
(30px);

  
}
80%
{
-webkit-transform
:
 
translateY
(-10px);

    
transform
:
 
translateY
(-10px);

  
}
100%
{
-webkit-transform
:
 
translateY
(0);

    
transform
:
 
translateY
(0);

  
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}

@
-webkit-keyframes bounceInLeft { 0% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
}

60%
{
opacity
:
 
1;
-webkit-transform
:
 
translateX
(30px);

  
}
80%
{
-webkit-transform
:
 
translateX
(-10px);

  
}
100%
{
-webkit-transform
:
 
translateX
(0);

  
}
}
@
keyframes bounceInLeft { 0% {
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	transform: translateX(-2000px);
}

60%
{
opacity
:
 
1;
-webkit-transform
:
 
translateX
(30px);

    
transform
:
 
translateX
(30px);

  
}
80%
{
-webkit-transform
:
 
translateX
(-10px);

    
transform
:
 
translateX
(-10px);

  
}
100%
{
-webkit-transform
:
 
translateX
(0);

    
transform
:
 
translateX
(0);

  
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}

@
-webkit-keyframes bounceInRight { 0% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
}

60%
{
opacity
:
 
1;
-webkit-transform
:
 
translateX
(-30px);

  
}
80%
{
-webkit-transform
:
 
translateX
(10px);

  
}
100%
{
-webkit-transform
:
 
translateX
(0);

  
}
}
@
keyframes bounceInRight { 0% {
	opacity: 0;
	-webkit-transform: translateX(2000px);
	transform: translateX(2000px);
}

60%
{
opacity
:
 
1;
-webkit-transform
:
 
translateX
(-30px);

    
transform
:
 
translateX
(-30px);

  
}
80%
{
-webkit-transform
:
 
translateX
(10px);

    
transform
:
 
translateX
(10px);

  
}
100%
{
-webkit-transform
:
 
translateX
(0);

    
transform
:
 
translateX
(0);

  
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}

@
-webkit-keyframes bounceOut { 0% {
	-webkit-transform: scale(1);
}

25%
{
-webkit-transform
:
 
scale
(0
.95
);

  
}
50%
{
opacity
:
 
1;
-webkit-transform
:
 
scale
(1
.1
);

  
}
100%
{
opacity
:
 
0;
-webkit-transform
:
 
scale
(0
.3
);

  
}
}
@
keyframes bounceOut { 0% {
	-webkit-transform: scale(1);
	transform: scale(1);
}

25%
{
-webkit-transform
:
 
scale
(0
.95
);

    
transform
:
 
scale
(0
.95
);

  
}
50%
{
opacity
:
 
1;
-webkit-transform
:
 
scale
(1
.1
);

    
transform
:
 
scale
(1
.1
);

  
}
100%
{
opacity
:
 
0;
-webkit-transform
:
 
scale
(0
.3
);

    
transform
:
 
scale
(0
.3
);

  
}
}
.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
}

@
-webkit-keyframes bounceOutUp { 0% {
	-webkit-transform: translateY(0);
}

20%
{
opacity
:
 
1;
-webkit-transform
:
 
translateY
(20px);

  
}
100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateY
(-2000px);

  
}
}
@
keyframes bounceOutUp { 0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

20%
{
opacity
:
 
1;
-webkit-transform
:
 
translateY
(20px);

    
transform
:
 
translateY
(20px);

  
}
100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateY
(-2000px);

    
transform
:
 
translateY
(-2000px);

  
}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}

@
-webkit-keyframes bounceOutDown { 0% {
	-webkit-transform: translateY(0);
}

20%
{
opacity
:
 
1;
-webkit-transform
:
 
translateY
(-20px);

  
}
100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateY
(2000px);

  
}
}
@
keyframes bounceOutDown { 0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

20%
{
opacity
:
 
1;
-webkit-transform
:
 
translateY
(-20px);

    
transform
:
 
translateY
(-20px);

  
}
100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateY
(2000px);

    
transform
:
 
translateY
(2000px);

  
}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}

@
-webkit-keyframes bounceOutLeft { 0% {
	-webkit-transform: translateX(0);
}

20%
{
opacity
:
 
1;
-webkit-transform
:
 
translateX
(20px);

  
}
100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateX
(-2000px);

  
}
}
@
keyframes bounceOutLeft { 0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

20%
{
opacity
:
 
1;
-webkit-transform
:
 
translateX
(20px);

    
transform
:
 
translateX
(20px);

  
}
100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateX
(-2000px);

    
transform
:
 
translateX
(-2000px);

  
}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}

@
-webkit-keyframes bounceOutRight { 0% {
	-webkit-transform: translateX(0);
}

20%
{
opacity
:
 
1;
-webkit-transform
:
 
translateX
(-20px);

  
}
100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateX
(2000px);

  
}
}
@
keyframes bounceOutRight { 0% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

20%
{
opacity
:
 
1;
-webkit-transform
:
 
translateX
(-20px);

    
transform
:
 
translateX
(-20px);

  
}
100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateX
(2000px);

    
transform
:
 
translateX
(2000px);

  
}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}

@
-webkit-keyframes rotateIn { 0% {
	-webkit-transform-origin: center center;
	-webkit-transform: rotate(-200deg);
	opacity: 0;
}

100%
{
-webkit-transform-origin
:
 
center
 
center
;

    
-webkit-transform
:
 
rotate
(0);

    
opacity
:
 
1;
}
}
@
keyframes rotateIn { 0% {
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(-200deg);
	transform: rotate(-200deg);
	opacity: 0;
}

100%
{
-webkit-transform-origin
:
 
center
 
center
;

    
transform-origin
:
 
center
 
center
;

    
-webkit-transform
:
 
rotate
(0);

    
transform
:
 
rotate
(0);

    
opacity
:
 
1;
}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}

@
-webkit-keyframes rotateInUpLeft { 0% {
	-webkit-transform-origin: left bottom;
	-webkit-transform: rotate(90deg);
	opacity: 0;
}

100%
{
-webkit-transform-origin
:
 
left
 
bottom
;

    
-webkit-transform
:
 
rotate
(0);

    
opacity
:
 
1;
}
}
@
keyframes rotateInUpLeft { 0% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
}

100%
{
-webkit-transform-origin
:
 
left
 
bottom
;

    
transform-origin
:
 
left
 
bottom
;

    
-webkit-transform
:
 
rotate
(0);

    
transform
:
 
rotate
(0);

    
opacity
:
 
1;
}
}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}

@
-webkit-keyframes rotateInDownLeft { 0% {
	-webkit-transform-origin: left bottom;
	-webkit-transform: rotate(-90deg);
	opacity: 0;
}

100%
{
-webkit-transform-origin
:
 
left
 
bottom
;

    
-webkit-transform
:
 
rotate
(0);

    
opacity
:
 
1;
}
}
@
keyframes rotateInDownLeft { 0% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
}

100%
{
-webkit-transform-origin
:
 
left
 
bottom
;

    
transform-origin
:
 
left
 
bottom
;

    
-webkit-transform
:
 
rotate
(0);

    
transform
:
 
rotate
(0);

    
opacity
:
 
1;
}
}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}

@
-webkit-keyframes rotateInUpRight { 0% {
	-webkit-transform-origin: right bottom;
	-webkit-transform: rotate(-90deg);
	opacity: 0;
}

100%
{
-webkit-transform-origin
:
 
right
 
bottom
;

    
-webkit-transform
:
 
rotate
(0);

    
opacity
:
 
1;
}
}
@
keyframes rotateInUpRight { 0% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0;
}

100%
{
-webkit-transform-origin
:
 
right
 
bottom
;

    
transform-origin
:
 
right
 
bottom
;

    
-webkit-transform
:
 
rotate
(0);

    
transform
:
 
rotate
(0);

    
opacity
:
 
1;
}
}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}

@
-webkit-keyframes rotateInDownRight { 0% {
	-webkit-transform-origin: right bottom;
	-webkit-transform: rotate(90deg);
	opacity: 0;
}

100%
{
-webkit-transform-origin
:
 
right
 
bottom
;

    
-webkit-transform
:
 
rotate
(0);

    
opacity
:
 
1;
}
}
@
keyframes rotateInDownRight { 0% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0;
}

100%
{
-webkit-transform-origin
:
 
right
 
bottom
;

    
transform-origin
:
 
right
 
bottom
;

    
-webkit-transform
:
 
rotate
(0);

    
transform
:
 
rotate
(0);

    
opacity
:
 
1;
}
}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}

@
-webkit-keyframes rotateOut { 0% {
	-webkit-transform-origin: center center;
	-webkit-transform: rotate(0);
	opacity: 1;
}

100%
{
-webkit-transform-origin
:
 
center
 
center
;

    
-webkit-transform
:
 
rotate
(200deg);

    
opacity
:
 
0;
}
}
@
keyframes rotateOut { 0% {
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100%
{
-webkit-transform-origin
:
 
center
 
center
;

    
transform-origin
:
 
center
 
center
;

    
-webkit-transform
:
 
rotate
(200deg);

    
transform
:
 
rotate
(200deg);

    
opacity
:
 
0;
}
}
.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
}

@
-webkit-keyframes rotateOutUpLeft { 0% {
	-webkit-transform-origin: left bottom;
	-webkit-transform: rotate(0);
	opacity: 1;
}

100%
{
-webkit-transform-origin
:
 
left
 
bottom
;

    
-webkit-transform
:
 
rotate
(-90deg);

    
opacity
:
 
0;
}
}
@
keyframes rotateOutUpLeft { 0% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100%
{
-webkit-transform-origin
:
 
left
 
bottom
;

    
transform-origin
:
 
left
 
bottom
;

    
-webkit-transform
:
 
rotate
(-90deg);

    
transform
:
 
rotate
(-90deg);

    
opacity
:
 
0;
}
}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}

@
-webkit-keyframes rotateOutDownLeft { 0% {
	-webkit-transform-origin: left bottom;
	-webkit-transform: rotate(0);
	opacity: 1;
}

100%
{
-webkit-transform-origin
:
 
left
 
bottom
;

    
-webkit-transform
:
 
rotate
(90deg);

    
opacity
:
 
0;
}
}
@
keyframes rotateOutDownLeft { 0% {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100%
{
-webkit-transform-origin
:
 
left
 
bottom
;

    
transform-origin
:
 
left
 
bottom
;

    
-webkit-transform
:
 
rotate
(90deg);

    
transform
:
 
rotate
(90deg);

    
opacity
:
 
0;
}
}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}

@
-webkit-keyframes rotateOutUpRight { 0% {
	-webkit-transform-origin: right bottom;
	-webkit-transform: rotate(0);
	opacity: 1;
}

100%
{
-webkit-transform-origin
:
 
right
 
bottom
;

    
-webkit-transform
:
 
rotate
(90deg);

    
opacity
:
 
0;
}
}
@
keyframes rotateOutUpRight { 0% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100%
{
-webkit-transform-origin
:
 
right
 
bottom
;

    
transform-origin
:
 
right
 
bottom
;

    
-webkit-transform
:
 
rotate
(90deg);

    
transform
:
 
rotate
(90deg);

    
opacity
:
 
0;
}
}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}

@
-webkit-keyframes rotateOutDownRight { 0% {
	-webkit-transform-origin: right bottom;
	-webkit-transform: rotate(0);
	opacity: 1;
}

100%
{
-webkit-transform-origin
:
 
right
 
bottom
;

    
-webkit-transform
:
 
rotate
(-90deg);

    
opacity
:
 
0;
}
}
@
keyframes rotateOutDownRight { 0% {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1;
}

100%
{
-webkit-transform-origin
:
 
right
 
bottom
;

    
transform-origin
:
 
right
 
bottom
;

    
-webkit-transform
:
 
rotate
(-90deg);

    
transform
:
 
rotate
(-90deg);

    
opacity
:
 
0;
}
}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}

@
-webkit-keyframes hinge { 0% {
	-webkit-transform: rotate(0);
	-webkit-transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
}

20%,
60%
{
-webkit-transform
:
 
rotate
(80deg);

    
-webkit-transform-origin
:
 
top
 
left
;

    
-webkit-animation-timing-function
:
 
ease-in-out
;

  
}
40%
{
-webkit-transform
:
 
rotate
(60deg);

    
-webkit-transform-origin
:
 
top
 
left
;

    
-webkit-animation-timing-function
:
 
ease-in-out
;

  
}
80%
{
-webkit-transform
:
 
rotate
(60deg)
 
translateY
(0);

    
opacity
:
 
1;
-webkit-transform-origin
:
 
top
 
left
;

    
-webkit-animation-timing-function
:
 
ease-in-out
;

  
}
100%
{
-webkit-transform
:
 
translateY
(700px);

    
opacity
:
 
0;
}
}
@
keyframes hinge { 0% {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

20%,
60%
{
-webkit-transform
:
 
rotate
(80deg);

    
transform
:
 
rotate
(80deg);

    
-webkit-transform-origin
:
 
top
 
left
;

    
transform-origin
:
 
top
 
left
;

    
-webkit-animation-timing-function
:
 
ease-in-out
;

    
animation-timing-function
:
 
ease-in-out
;

  
}
40%
{
-webkit-transform
:
 
rotate
(60deg);

    
transform
:
 
rotate
(60deg);

    
-webkit-transform-origin
:
 
top
 
left
;

    
transform-origin
:
 
top
 
left
;

    
-webkit-animation-timing-function
:
 
ease-in-out
;

    
animation-timing-function
:
 
ease-in-out
;

  
}
80%
{
-webkit-transform
:
 
rotate
(60deg)
 
translateY
(0);

    
transform
:
 
rotate
(60deg)
 
translateY
(0);

    
opacity
:
 
1;
-webkit-transform-origin
:
 
top
 
left
;

    
transform-origin
:
 
top
 
left
;

    
-webkit-animation-timing-function
:
 
ease-in-out
;

    
animation-timing-function
:
 
ease-in-out
;

  
}
100%
{
-webkit-transform
:
 
translateY
(700px);

    
transform
:
 
translateY
(700px);

    
opacity
:
 
0;
}
}
.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@
-webkit-keyframes rollIn { 0% {
	opacity: 0;
	-webkit-transform: translateX(-100%) rotate(-120deg);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateX
(0px)
 
rotate
(0deg);

  
}
}
@
keyframes rollIn { 0% {
	opacity: 0;
	-webkit-transform: translateX(-100%) rotate(-120deg);
	transform: translateX(-100%) rotate(-120deg);
}

100%
{
opacity
:
 
1;
-webkit-transform
:
 
translateX
(0px)
 
rotate
(0deg);

    
transform
:
 
translateX
(0px)
 
rotate
(0deg);

  
}
}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@
-webkit-keyframes rollOut { 0% {
	opacity: 1;
	-webkit-transform: translateX(0px) rotate(0deg);
}

100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateX
(100%)
 
rotate
(120deg);

  
}
}
@
keyframes rollOut { 0% {
	opacity: 1;
	-webkit-transform: translateX(0px) rotate(0deg);
	transform: translateX(0px) rotate(0deg);
}

100%
{
opacity
:
 
0;
-webkit-transform
:
 
translateX
(100%)
 
rotate
(120deg);

    
transform
:
 
translateX
(100%)
 
rotate
(120deg);

  
}
}
.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@
-webkit-keyframes lightSpeedIn { 0% {
	-webkit-transform: translateX(100%) skewX(-30deg);
	opacity: 0;
}

60%
{
-webkit-transform
:
 
translateX
(-20%)
 
skewX
(30deg);

    
opacity
:
 
1;
}
80%
{
-webkit-transform
:
 
translateX
(0%)
 
skewX
(-15deg);

    
opacity
:
 
1;
}
100%
{
-webkit-transform
:
 
translateX
(0%)
 
skewX
(0deg);

    
opacity
:
 
1;
}
}
@
keyframes lightSpeedIn { 0% {
	-webkit-transform: translateX(100%) skewX(-30deg);
	transform: translateX(100%) skewX(-30deg);
	opacity: 0;
}

60%
{
-webkit-transform
:
 
translateX
(-20%)
 
skewX
(30deg);

    
transform
:
 
translateX
(-20%)
 
skewX
(30deg);

    
opacity
:
 
1;
}
80%
{
-webkit-transform
:
 
translateX
(0%)
 
skewX
(-15deg);

    
transform
:
 
translateX
(0%)
 
skewX
(-15deg);

    
opacity
:
 
1;
}
100%
{
-webkit-transform
:
 
translateX
(0%)
 
skewX
(0deg);

    
transform
:
 
translateX
(0%)
 
skewX
(0deg);

    
opacity
:
 
1;
}
}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

.animated.lightSpeedIn {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@
-webkit-keyframes lightSpeedOut { 0% {
	-webkit-transform: translateX(0%) skewX(0deg);
	opacity: 1;
}

100%
{
-webkit-transform
:
 
translateX
(100%)
 
skewX
(-30deg);

    
opacity
:
 
0;
}
}
@
keyframes lightSpeedOut { 0% {
	-webkit-transform: translateX(0%) skewX(0deg);
	transform: translateX(0%) skewX(0deg);
	opacity: 1;
}

100%
{
-webkit-transform
:
 
translateX
(100%)
 
skewX
(-30deg);

    
transform
:
 
translateX
(100%)
 
skewX
(-30deg);

    
opacity
:
 
0;
}
}
.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

.animated.lightSpeedOut {
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s;
}
/* originally authored by Angelo Rohit - https://github.com/angelorohit */
@
-webkit-keyframes wiggle { 0% {
	-webkit-transform: skewX(9deg);
}

10%
{
-webkit-transform
:
 
skewX
(-8deg);

  
}
20%
{
-webkit-transform
:
 
skewX
(7deg);

  
}
30%
{
-webkit-transform
:
 
skewX
(-6deg);

  
}
40%
{
-webkit-transform
:
 
skewX
(5deg);

  
}
50%
{
-webkit-transform
:
 
skewX
(-4deg);

  
}
60%
{
-webkit-transform
:
 
skewX
(3deg);

  
}
70%
{
-webkit-transform
:
 
skewX
(-2deg);

  
}
80%
{
-webkit-transform
:
 
skewX
(1deg);

  
}
90%
{
-webkit-transform
:
 
skewX
(0deg);

  
}
100%
{
-webkit-transform
:
 
skewX
(0deg);

  
}
}
@
keyframes wiggle { 0% {
	-webkit-transform: skewX(9deg);
	transform: skewX(9deg);
}

10%
{
-webkit-transform
:
 
skewX
(-8deg);

    
transform
:
 
skewX
(-8deg);

  
}
20%
{
-webkit-transform
:
 
skewX
(7deg);

    
transform
:
 
skewX
(7deg);

  
}
30%
{
-webkit-transform
:
 
skewX
(-6deg);

    
transform
:
 
skewX
(-6deg);

  
}
40%
{
-webkit-transform
:
 
skewX
(5deg);

    
transform
:
 
skewX
(5deg);

  
}
50%
{
-webkit-transform
:
 
skewX
(-4deg);

    
transform
:
 
skewX
(-4deg);

  
}
60%
{
-webkit-transform
:
 
skewX
(3deg);

    
transform
:
 
skewX
(3deg);

  
}
70%
{
-webkit-transform
:
 
skewX
(-2deg);

    
transform
:
 
skewX
(-2deg);

  
}
80%
{
-webkit-transform
:
 
skewX
(1deg);

    
transform
:
 
skewX
(1deg);

  
}
90%
{
-webkit-transform
:
 
skewX
(0deg);

    
transform
:
 
skewX
(0deg);

  
}
100%
{
-webkit-transform
:
 
skewX
(0deg);

    
transform
:
 
skewX
(0deg);

  
}
}
.wiggle {
	-webkit-animation-name: wiggle;
	animation-name: wiggle;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

.animated.wiggle {
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
}
/* -----------------------------------------
   Landing page
----------------------------------------- */
/* ------------------ Landing intro --------------------*/
.landing-intro {
	margin: 0;
	position: relative;
	background: url(../img/landing/intro-cover.jpg);
	background-size: cover !important;
	/*Header*/
	/*Intro slogan*/
}

.landing-intro .header {
	padding: 15px 0;
	border-bottom: 1px solid #f3f5f6;
	/*Logo*/
	/*Navigation*/
}

.landing-intro .header .logo:before, .landing-intro .header .logo:after
	{
	content: " ";
	display: table;
}

.landing-intro .header .logo:after {
	clear: both;
}

.landing-intro .header .logo img {
	float: left;
}

.landing-intro .header .logo .slogan {
	color: #ffffff;
	font-weight: bold;
	float: left;
	border-left: 1px solid #f3f5f6;
	padding-left: 20px;
	margin-top: 5px;
	margin-bottom: 0;
}

.landing-intro .header nav {
	float: right;
	list-style: none;
	padding: 8px 0;
}

.landing-intro .header nav li {
	display: inline-block;
	margin-right: 10px;
}

.landing-intro .header nav li:last-child {
	margin-right: 0;
}

.landing-intro .intro-slogan {
	text-shadow: 0 1px 5px rgba(0, 1, 0, 0.3);
	color: #ffffff;
}

.landing-intro .intro-slogan h1 {
	text-transform: uppercase;
	font-size: 42px;
	margin-bottom: 25px;
	margin-top: 35px;
}

.landing-intro .intro-slogan h1 strong {
	text-decoration: underline;
}

.landing-intro .intro-slogan p {
	font-size: 24px;
}

.landing-intro .description-bar {
	background: rgba(0, 0, 0, 0.35);
	height: 180px;
}

.landing-intro .description-bar p {
	padding: 0 25px;
	font-weight: normal;
	font-size: 24px;
	color: #ffffff;
	line-height: 40px;
	display: table-cell;
	height: 145px;
	vertical-align: middle;
}
/* ------------------ Scroll to next section --------------------*/
.scrollTo {
	display: block;
	text-decoration: none;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -28px;
	/*bouncearrow animation*/
}

.scrollTo img {
	animation: bouncearrow 1s infinite;
	-moz-animation: bouncearrow 1s infinite;
	/* Firefox */
	-webkit-animation: bouncearrow 1s infinite;
	/* Safari and Chrome */
	-o-animation: bouncearrow 1s infinite;
	/* Opera */
}

@
keyframes bouncearrow {from { -webkit-transform:translateY(0);
	transform: translateY(0);
}

to {
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}

}
@
-webkit-keyframes bouncearrow {
	/* Safari and Chrome */ from { -webkit-transform:translateY(0);
	transform: translateY(0);
}

to {
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
}

}
/* ------------------ Headers --------------------*/
h3.section-header {
	font-weight: bold;
	font-size: 24px;
	color: #69768d;
	line-height: 1;
	margin: 15px 0 15px;
}

h3.section-header-1 {
	display: inline-block;
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	border-bottom: 1px solid #f3f5f6;
	padding: 0 0 15px;
	margin: 20px 0 50px;
}
/* ------------------ Hide elements before animations --------------------*/
.logos, .clean-code .col-md-8, .clean-code .col-md-4, .charts .col-md-8,
	.charts .col-md-4, .email-app .col-md-8, .email-app .col-md-4 {
	opacity: 0;
}
/* ------------------ Section features --------------------*/
.section-features {
	/*Features row*/
	
}

.section-features .features-row {
	margin-top: 0;
	padding: 20px 0;
}
/* ------------------ Testimonials --------------------*/
.testimonials {
	padding: 25px 0;
	position: relative;
}

.testimonials .testimonials-block {
	-webkit-transition: all;
	transition: all;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.testimonials .testimonials-block .testimonials-text {
	width: 100%;
	height: auto;
	padding: 20px;
	background: #ffffff;
	border-radius: 4px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	position: relative;
	line-height: 28px;
	font-size: 16px;
}

.testimonials .testimonials-block .testimonials-text:after {
	top: 100%;
	left: 20%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 15px;
	margin-left: -15px;
}

.testimonials .testimonials-block .testimonials-client {
	margin-top: 30px;
	margin-left: 10px;
}

.testimonials .testimonials-block .testimonials-client img {
	float: left;
	border-radius: 50%;
	width: 64px;
	height: 64px;
}

.testimonials .testimonials-block .testimonials-client p {
	padding-left: 80px;
	padding-top: 13px;
}
/* ------------------ Give a try --------------------*/
.give-a-try {
	padding: 60px 15px;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	background-image: url(../img/landing/footer-cover.jpg);
	background-size: cover;
}

.give-a-try h1 {
	font-weight: normal;
	font-size: 48px;
}

.give-a-try p {
	font-size: 32px;
}
/* ------------------ Footer --------------------*/
#footer .footer-links {
	text-align: center;
}

#footer .footer-links a {
	text-align: center;
	padding: 0 15px;
	display: inline-block;
	padding-bottom: 15px;
}
/* -----------------------------------------
   Responsive media queries for landing page
----------------------------------------- */
@media all and (max-width: 990px) {
	.landing-intro .header .logo img {
		float: none;
		margin-bottom: 10px;
	}
	.landing-intro .header nav {
		float: none;
		text-align: center;
	}
	.testimonials .testimonials-block {
		margin-bottom: 25px;
	}
}

@media all and (max-width: 660px) {
	.landing-intro .description-bar {
		height: 200px;
	}
	.logos img {
		margin-bottom: 25px;
	}
}

@media all and (max-width: 480px) {
	.landing-intro .description-bar {
		font-size: 18px;
		line-height: 30px;
	}
	.landing-intro .header nav li {
		margin-bottom: 10px;
	}
}